<script src="./scripts/resize_card_inner.js" type="text/javascript"></script>
<script src="./scripts/update_collection.js" type="text/javascript"></script>
<script src="./scripts/card_scroller.js" type="text/javascript"></script>

<p style="text-align:center; width:100%; margin:0px; margin-top:10px; margin-bottom:10px; padding:7px; color:white; background:black;">
  <a class="scroll_button" onclick="scroller.scroll_with(-5000)">|&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(-50)">&lt;&lt;&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(-10)">&lt;&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(-1)">&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(1)">&gt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(10)">&gt;&gt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(50)">&gt;&gt;&gt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(5000)">&gt;|</a>
</p>

<div id="card_container"></div>

<p style="text-align:center; width:100%; margin:0px; margin-top:10px; margin-bottom:10px; padding:7px; color:white; background:black;">
  <a class="scroll_button" onclick="scroller.scroll_with(-5000)">|&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(-50)">&lt;&lt;&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(-10)">&lt;&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(-1)">&lt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(1)">&gt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(10)">&gt;&gt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(50)">&gt;&gt;&gt;</a>
  <a class="scroll_button" onclick="scroller.scroll_with(5000)">&gt;|</a>
</p>